<template>
	<base-breadcrumb>
		<template>
			<div class="table-page-search-wrapper">
				<TitleName title="信息详情"></TitleName>
				<a-form>
					<a-row :gutter="24">
						<a-col :md="8" :sm="8">
							<a-form-item label="标     题" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
								XXX项目外墙节能工程技术标答辩情
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="所属项目" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
								XX工程项目
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="所属公司" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
								四川分公司
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="审核状态" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
							审核中
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="6">
							<a-form-item label="制表人" 
							:labelCol="{ lg: { span: 6 }, sm: { span: 4 } }" 
							:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
								张三
							</a-form-item>
						</a-col>
						<a-col :md="8" :sm="8">
							<a-form-item label="填报时间" 
							:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
							:wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }">
								2020-10-26
							</a-form-item>
						</a-col>
						<a-col :md="20" :sm="20">
							<a-form-item label="会签" 
							:labelCol="{ lg: { span: 2 }, sm: { span: 2 } }" 
							:wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }">
								分公司生产经理、总工程师、总经理、安全总监、施工管理部负责人、项目经理、项目总工、生产经理
							</a-form-item>
						</a-col>
					</a-row>
				</a-form>
			</div>
		</template>
		<!-- 表格 -->
		<a-card>
			<TitleName title="技术答辩情况"></TitleName>
		  <a-table  :data-source="oneTable" :columns="columns" :pagination="false">
				<span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
		    </a-table>
		</a-card>
		<div style="height: 20px;"></div>
		<a-card>
		<!-- 附件 -->
		<TitleName title="相关附件"></TitleName>
		  <a-table   :columns="enclosure" :pagination="false">
				<span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
		    </a-table>
		</a-card>
	</base-breadcrumb>
</template>

<script>
import TitleName from '@/components/TitleName/index.vue'
const columns = [
	{
		title: '序号',
		width: '80px',
		scopedSlots: { customRender: 'serial' }
	},
	{
		title: '投标单位名称',
		dataIndex: 'name'
	},
	{
		title: '合格分包商名录',
		dataIndex: 'projectTime'
	},
	{
		title: '新引进',
		dataIndex: 'branchOffice'
	},
	{
		title: '答辩人',
		dataIndex: 'project'
	},
	{
		title: '答辩人联系方式',
		dataIndex: 'fillingTime'
	},
	{
		title: '是否提交答辩资料',
		dataIndex: 'fillingTime'
	},
	{
		title: '答辩通过情况',
		dataIndex: 'fillingTime'
	},
	{
		title: '备注',
		dataIndex: 'fillingTime'
	},
];
const oneTable = [
	{
		name:'sajf',
		branchOffice:123,
		projectTime:'12.12.12',
		project:'是',
		fillingTime:'12.12.12-11.11.11'
	},
	{
		name:'sajf',
		branchOffice:123,
		projectTime:'12.12.12',
		project:'是',
		fillingTime:'12.12.12-11.11.11'
	}
]
const enclosure = [
	{
		title: '序号',
		width: '80px',
		scopedSlots: { customRender: 'serial' }
	},
	{
		title: '附件名称',
		dataIndex: 'name'
	},
	{
		title: '附件描述',
		dataIndex: 'projectTime'
	},
	{
		title: '附件',
		dataIndex: 'branchOffice'
	},
	{
		title: '操作',
		dataIndex: 'project'
	}
]
export default{
	components:{
		TitleName
	},
	data(){
		this.columns = columns
		this.oneTable = oneTable
		this.enclosure = enclosure
		return{
			
		}
	}
}
</script>

<style>
</style>